
import { ProCard } from '@ant-design/pro-components';
import { DrawerForm } from '@ant-design/pro-form';
import {
    Descriptions,
    Divider,
    Spin,
    Typography,
} from 'antd';
import React, { useEffect, useRef, useState } from 'react';
import { useAccess } from 'umi';
import CheckTextResults from './CheckTextResults';

interface DetailsMonitorArticleProps {
    details: MonitorArticleData.ArticlePage;
    onRefurbish: () => void;
}

const DetailsMonitorArticle: React.FC<DetailsMonitorArticleProps> = ({ details, onRefurbish }) => {
    const access = useAccess();
    const [loading, setLoading] = useState(false);
    const [clickId, setClickId] = useState('');
    const [checkTextResult, setCheckTextResultState] = useState<MonitorArticleData.NrshTextCheckResult[]>([]);

    const getInspect = async () => {
        // const response = await product11Inspect({
        //     content,
        //   });
        const response = {
            totol:54,
            inspectWords: [
                {
                    "id": "8586153828679749",
                    "position": 1773,
                    "word": "基于Vue的校园新闻聚合APP设计与实现",
                    "wordHtml": "基于Vue的校园新闻聚合APP</span><span style=\"font-family: 宋体; min-height: 22px; font-size: 22px;\">设计与实现",
                    "htmlWords": [
                        {
                            "word": "基于Vue的校园新闻聚合APP",
                            "position": "1773"
                        },
                        {
                            "word": "设计与实现",
                            "position": "1861"
                        }
                    ],
                    "length": "20",
                    "suggest": [
                        "基于Vue的校园新闻聚合APP设计和实现"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "基于Vue的校园新闻聚合APP设计与实现",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679750",
                    "position": 7925,
                    "word": "(",
                    "wordHtml": "(",
                    "htmlWords": [
                        {
                            "word": "(",
                            "position": "7925"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "（"
                    ],
                    "explanation": "中文句子推荐中文左括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "1. 目标及基本要求(学术道德&规范、装订规范、数据要求、各阶段任务完成要求、撰写格式要求、正文&摘要&关键字要求等)",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679751",
                    "position": 8391,
                    "word": ")",
                    "wordHtml": ")",
                    "htmlWords": [
                        {
                            "word": ")",
                            "position": "8391"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "）"
                    ],
                    "explanation": "中文句子推荐中文右括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "1. 目标及基本要求(学术道德&规范、装订规范、数据要求、各阶段任务完成要求、撰写格式要求、正文&摘要&关键字要求等)",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679752",
                    "position": 9157,
                    "word": "要求",
                    "wordHtml": "要求",
                    "htmlWords": [
                        {
                            "word": "要求",
                            "position": "9157"
                        }
                    ],
                    "length": "2",
                    "suggest": [
                        "要求。"
                    ],
                    "explanation": "标点缺失，建议补充",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "②撰写格式要求",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679753",
                    "position": 9380,
                    "word": "项目开发过程符合软件开发规范、标准、流程，并编写对应的开发文档。",
                    "wordHtml": "项目开发过程符合软件开发规范、标准、流程，并编写对应的开发文档。",
                    "htmlWords": [
                        {
                            "word": "项目开发过程符合软件开发规范、标准、流程，并编写对应的开发文档。",
                            "position": "9380"
                        }
                    ],
                    "length": "32",
                    "suggest": [
                        "项目开发过程必须符合软件开发规范、标准和流程，并编写相应的开发文档。"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "项目开发过程符合软件开发规范、标准、流程，并编写对应的开发文档。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679754",
                    "position": 9472,
                    "word": "④正文、摘要、关键字要求",
                    "wordHtml": "④正文、摘要、关键字要求",
                    "htmlWords": [
                        {
                            "word": "④正文、摘要、关键字要求",
                            "position": "9472"
                        }
                    ],
                    "length": "12",
                    "suggest": [
                        "④正文、摘要、关键字的要求"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "④正文、摘要、关键字要求",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679755",
                    "position": 10070,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10070"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "；"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "调研了解新闻选题和发布流程，明确要解决的问题和实现技术，制定合理的实施路线，撰写开题报告。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679756",
                    "position": 10237,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10237"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "；"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据业务需求完成校园新闻聚合APP的需求分析，借助UML工具完成用例图和活动图建模，撰写校园新闻聚合APP的需求说明书。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679757",
                    "position": 10424,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10424"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据需求分析的内容要求，实施系统的分析和设计，借助UML工具完成系统架构图、部署图、类图等必要的建模设计，确定系统的结构，完成系统程序的结构设计、模块设计和数据结构设计，还需对关键业务的散发或程序进行设计，并编写系统设计说明书，",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679758",
                    "position": 10454,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10454"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据需求分析的内容要求，实施系统的分析和设计，借助UML工具完成系统架构图、部署图、类图等必要的建模设计，确定系统的结构，完成系统程序的结构设计、模块设计和数据结构设计，还需对关键业务的散发或程序进行设计，并编写系统设计说明书，",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679759",
                    "position": 10486,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10486"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据需求分析的内容要求，实施系统的分析和设计，借助UML工具完成系统架构图、部署图、类图等必要的建模设计，确定系统的结构，完成系统程序的结构设计、模块设计和数据结构设计，还需对关键业务的散发或程序进行设计，并编写系统设计说明书，",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679760",
                    "position": 10495,
                    "word": "散发",
                    "wordHtml": "散发",
                    "htmlWords": [
                        {
                            "word": "散发",
                            "position": "10495"
                        }
                    ],
                    "length": "2",
                    "suggest": [
                        "算法"
                    ],
                    "explanation": "错别字",
                    "type": {
                        "id": "9",
                        "belongId": "9",
                        "name": "错别字、词",
                        "desc": "错别字、词"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据需求分析的内容要求，实施系统的分析和设计，借助UML工具完成系统架构图、部署图、类图等必要的建模设计，确定系统的结构，完成系统程序的结构设计、模块设计和数据结构设计，还需对关键业务的散发或程序进行设计，并编写系统设计说明书，",
                    "source": "2",
                    "umErrorLevel": "2",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679761",
                    "position": 10504,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "10504"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "根据需求分析的内容要求，实施系统的分析和设计，借助UML工具完成系统架构图、部署图、类图等必要的建模设计，确定系统的结构，完成系统程序的结构设计、模块设计和数据结构设计，还需对关键业务的散发或程序进行设计，并编写系统设计说明书，",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679762",
                    "position": 10516,
                    "word": "撰写校园新闻聚合APP的系统设计说明书。",
                    "wordHtml": "撰写校园新闻聚合APP的系统设计说明书。",
                    "htmlWords": [
                        {
                            "word": "撰写校园新闻聚合APP的系统设计说明书。",
                            "position": "10516"
                        }
                    ],
                    "length": "20",
                    "suggest": [
                        "撰写了校园新闻聚合APP的系统设计说明书。"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "撰写校园新闻聚合APP的系统设计说明书。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679763",
                    "position": 10730,
                    "word": "该系统的主要分为6大模块，分别是：用户管理、新闻选题管理、新闻线索管理、新闻编辑、新闻浏览、数据分析模块。",
                    "wordHtml": "该系统的主要分为6大模块，分别是：用户管理、新闻选题管理、新闻线索管理、新闻编辑、新闻浏览、数据分析模块。",
                    "htmlWords": [
                        {
                            "word": "该系统的主要分为6大模块，分别是：用户管理、新闻选题管理、新闻线索管理、新闻编辑、新闻浏览、数据分析模块。",
                            "position": "10730"
                        }
                    ],
                    "length": "53",
                    "suggest": [
                        "该系统主要分为6大模块，分别是：用户管理、新闻选题管理、新闻线索管理、新闻编辑、新闻浏览、数据分析模块。"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "该系统的主要分为6大模块，分别是：用户管理、新闻选题管理、新闻线索管理、新闻编辑、新闻浏览、数据分析模块。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679764",
                    "position": 10843,
                    "word": "① 用户",
                    "wordHtml": "① 用户",
                    "htmlWords": [
                        {
                            "word": "① 用户",
                            "position": "10843"
                        }
                    ],
                    "length": "4",
                    "suggest": [
                        "①用户"
                    ],
                    "explanation": "文字描述中存在空格！",
                    "type": {
                        "id": "44",
                        "belongId": "44",
                        "name": "空格检查",
                        "desc": "空格检查"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "① 用户管理：包括用户注册、登录、权限管理等功能，用于管理系统的用户信息和权限设置。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679765",
                    "position": 11383,
                    "word": "借助Apifox，Jmeter等测试工具完成系统的测试用例的设计，灰盒测试、接口测试、压力测试等测试内容。",
                    "wordHtml": "借助Apifox，Jmeter等测试工具完成系统的测试用例的设计，灰盒测试、接口测试、压力测试等测试内容。",
                    "htmlWords": [
                        {
                            "word": "借助Apifox，Jmeter等测试工具完成系统的测试用例的设计，灰盒测试、接口测试、压力测试等测试内容。",
                            "position": "11383"
                        }
                    ],
                    "length": "53",
                    "suggest": [
                        "借助Apifox，Jmeter等测试工具完成系统测试用例的设计，包括灰盒测试、接口测试、压力测试等测试内容。"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "借助Apifox，Jmeter等测试工具完成系统的测试用例的设计，灰盒测试、接口测试、压力测试等测试内容。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679766",
                    "position": 12114,
                    "word": "课题",
                    "wordHtml": "课题",
                    "htmlWords": [
                        {
                            "word": "课题",
                            "position": "12114"
                        }
                    ],
                    "length": "2",
                    "suggest": [
                        "课题时"
                    ],
                    "explanation": "少字错误",
                    "type": {
                        "id": "32",
                        "belongId": "32",
                        "name": "少字错误",
                        "desc": "少字错误"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "完成课题应注意的若干问题",
                    "source": "7",
                    "umErrorLevel": "2",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679767",
                    "position": 12323,
                    "word": "1.学生独立完成本毕业设计，自备毕业设计开发所需的软硬件环境。",
                    "wordHtml": "1.学生独立完成本毕业设计，自备毕业设计开发所需的软硬件环境。",
                    "htmlWords": [
                        {
                            "word": "1.学生独立完成本毕业设计，自备毕业设计开发所需的软硬件环境。",
                            "position": "12323"
                        }
                    ],
                    "length": "31",
                    "suggest": [
                        "学生需要独立完成本毕业设计，并自备毕业设计开发所需的软硬件环境。"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "1.学生独立完成本毕业设计，自备毕业设计开发所需的软硬件环境。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679768",
                    "position": 12541,
                    "word": ". 毕业",
                    "wordHtml": ". 毕业",
                    "htmlWords": [
                        {
                            "word": ". 毕业",
                            "position": "12541"
                        }
                    ],
                    "length": "4",
                    "suggest": [
                        ".毕业"
                    ],
                    "explanation": "文字描述中存在空格！",
                    "type": {
                        "id": "44",
                        "belongId": "44",
                        "name": "空格检查",
                        "desc": "空格检查"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "3. 毕业设计(论文)项目开发完成后，指导老师要对项目进行验收，并填写《软件与人工智能学院本科毕业设计（论文）项目验收报告》。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679769",
                    "position": 12547,
                    "word": "(",
                    "wordHtml": "(",
                    "htmlWords": [
                        {
                            "word": "(",
                            "position": "12547"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "（"
                    ],
                    "explanation": "中文句子推荐中文左括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "3. 毕业设计(论文)项目开发完成后，指导老师要对项目进行验收，并填写《软件与人工智能学院本科毕业设计（论文）项目验收报告》。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679770",
                    "position": 12550,
                    "word": ")",
                    "wordHtml": ")",
                    "htmlWords": [
                        {
                            "word": ")",
                            "position": "12550"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "）"
                    ],
                    "explanation": "中文句子推荐中文右括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "3. 毕业设计(论文)项目开发完成后，指导老师要对项目进行验收，并填写《软件与人工智能学院本科毕业设计（论文）项目验收报告》。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679771",
                    "position": 12617,
                    "word": "(",
                    "wordHtml": "(",
                    "htmlWords": [
                        {
                            "word": "(",
                            "position": "12617"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "（"
                    ],
                    "explanation": "中文句子推荐中文左括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "明确项目通过验收后，毕业设计(论文)项目才视为最终完成。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679772",
                    "position": 12620,
                    "word": ")",
                    "wordHtml": ")",
                    "htmlWords": [
                        {
                            "word": ")",
                            "position": "12620"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "）"
                    ],
                    "explanation": "中文句子推荐中文右括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "明确项目通过验收后，毕业设计(论文)项目才视为最终完成。",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679773",
                    "position": 14896,
                    "word": "开题",
                    "wordHtml": "开题",
                    "htmlWords": [
                        {
                            "word": "开题",
                            "position": "14896"
                        }
                    ],
                    "length": "2",
                    "suggest": [
                        "专题"
                    ],
                    "explanation": "错别字",
                    "type": {
                        "id": "9",
                        "belongId": "9",
                        "name": "错别字、词",
                        "desc": "错别字、词"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "毕业设计（论文）开题",
                    "source": "2",
                    "umErrorLevel": "2",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679774",
                    "position": 18192,
                    "word": "中期检查及项目功能完善",
                    "wordHtml": "中期检查及项目功能完善",
                    "htmlWords": [
                        {
                            "word": "中期检查及项目功能完善",
                            "position": "18192"
                        }
                    ],
                    "length": "11",
                    "suggest": [
                        "完善中期检查及项目功能，"
                    ],
                    "explanation": "句子通顺度不足",
                    "type": {
                        "id": "20",
                        "belongId": "20",
                        "name": "句式杂糅",
                        "desc": "句式杂糅"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "中期检查及项目功能完善",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679775",
                    "position": 23368,
                    "word": "（美）",
                    "wordHtml": "（美）",
                    "htmlWords": [
                        {
                            "word": "（美）",
                            "position": "23368"
                        }
                    ],
                    "length": "3",
                    "suggest": [
                        "〔美〕"
                    ],
                    "explanation": "建议使用更合适的符号格式表述",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［1］（美）凯 S.霍斯特曼（Cay S. Horstmann），周立新等译. Java核心技术 卷I：基础知识（原书第10版）[M]. 机械工业出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679776",
                    "position": 23374,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23374"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［1］（美）凯 S.霍斯特曼（Cay S. Horstmann），周立新等译. Java核心技术 卷I：基础知识（原书第10版）[M]. 机械工业出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679777",
                    "position": 23403,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23403"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［1］（美）凯 S.霍斯特曼（Cay S. Horstmann），周立新等译. Java核心技术 卷I：基础知识（原书第10版）[M]. 机械工业出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679778",
                    "position": 23415,
                    "word": "I",
                    "wordHtml": "I",
                    "htmlWords": [
                        {
                            "word": "I",
                            "position": "23415"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "Ⅰ"
                    ],
                    "explanation": "《出版物上数字用法》罗马数字规范要求",
                    "type": {
                        "id": "36",
                        "belongId": "36",
                        "name": "数字差错",
                        "desc": "数字差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［1］（美）凯 S.霍斯特曼（Cay S. Horstmann），周立新等译. Java核心技术 卷I：基础知识（原书第10版）[M]. 机械工业出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "2",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679779",
                    "position": 23570,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23570"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［3］黄玲，罗丽娟. JavaEE程序设计及项目开发教程（JSP篇）[M].重庆大学出版社，2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679780",
                    "position": 23649,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "23649"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "、"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［4］龙浩，王文乐，刘金等.软件工程—软件建模和文档写作[M].北京：人民邮电出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679781",
                    "position": 23653,
                    "word": "，",
                    "wordHtml": "，",
                    "htmlWords": [
                        {
                            "word": "，",
                            "position": "23653"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "、"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［4］龙浩，王文乐，刘金等.软件工程—软件建模和文档写作[M].北京：人民邮电出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679782",
                    "position": 23657,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23657"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［4］龙浩，王文乐，刘金等.软件工程—软件建模和文档写作[M].北京：人民邮电出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679783",
                    "position": 23729,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23729"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［5］张莉.SQL Server 数据库原理与应用教程[M].北京：清华大学出版社，2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679784",
                    "position": 23809,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23809"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［6］朱少民.软件测试[M].北京：人民邮电出版社，2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679785",
                    "position": 23876,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23876"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［7］陈永政，张正龙. JavaEE框架技术（SpringMVC+Spring+MyBatis）[M]. 西安电子科技大学出版社，2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679786",
                    "position": 23884,
                    "word": "框架技术",
                    "wordHtml": "框架技术",
                    "htmlWords": [
                        {
                            "word": "框架技术",
                            "position": "23884"
                        }
                    ],
                    "length": "4",
                    "suggest": [
                        "技术框架"
                    ],
                    "explanation": "语序错误",
                    "type": {
                        "id": "34",
                        "belongId": "34",
                        "name": "语序错误",
                        "desc": "语序错误"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［7］陈永政，张正龙. JavaEE框架技术（SpringMVC+Spring+MyBatis）[M]. 西安电子科技大学出版社，2017.",
                    "source": "7",
                    "umErrorLevel": "2",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679787",
                    "position": 23977,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "23977"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［8］何春梅，唐滔. 软件测试技术 [M]. 清华大学出版社，2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679788",
                    "position": 24042,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24042"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［9］韩路彪.看透Spring MVC：源代码分析与实践[M].2015, 37(9):113.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679789",
                    "position": 24076,
                    "word": "(",
                    "wordHtml": "(",
                    "htmlWords": [
                        {
                            "word": "(",
                            "position": "24076"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "（"
                    ],
                    "explanation": "中文句子推荐中文左括号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［9］韩路彪.看透Spring MVC：源代码分析与实践[M].2015, 37(9):113.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679790",
                    "position": 24359,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24359"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "标点误用，建议替换",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": " CreateSpace Independent Publishing Plat, 2013.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679791",
                    "position": 24399,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24399"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［12］刘增辉. MyBatis从入门到精通[M]. 电子工业出版社, 2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679792",
                    "position": 24426,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24426"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［12］刘增辉. MyBatis从入门到精通[M]. 电子工业出版社, 2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679793",
                    "position": 24473,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24473"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［13］疯狂软件. Spring+MyBatis企业应用实战[M]. 电子工业出版社, 2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679794",
                    "position": 24507,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24507"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［13］疯狂软件. Spring+MyBatis企业应用实战[M]. 电子工业出版社, 2017.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679795",
                    "position": 24553,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24553"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［14］许令波. 深入分析Java Web技术内幕（修订版）[M]. 电子工业出版社, 2014.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679796",
                    "position": 24588,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24588"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［14］许令波. 深入分析Java Web技术内幕（修订版）[M]. 电子工业出版社, 2014.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679797",
                    "position": 24634,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24634"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［15］杨开振. 深入浅出MyBatis技术原理与实战[M]. 电子工业出版社, 2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679798",
                    "position": 24666,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24666"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［15］杨开振. 深入浅出MyBatis技术原理与实战[M]. 电子工业出版社, 2016.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679799",
                    "position": 24716,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24716"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［16］李发陵，刘志强. 软件工程[M]. 清华大学出版社, 2013.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679800",
                    "position": 24734,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24734"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［16］李发陵，刘志强. 软件工程[M]. 清华大学出版社, 2013.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679801",
                    "position": 24798,
                    "word": ".",
                    "wordHtml": ".",
                    "htmlWords": [
                        {
                            "word": ".",
                            "position": "24798"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "。"
                    ],
                    "explanation": "中文句子推荐中文句号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［17］Herbert Schildt著，战晓苏译. Java 8编程参考官方教程（第9版）[M]. 清华大学出版社, 2015.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                },
                {
                    "id": "8586153828679802",
                    "position": 24831,
                    "word": ",",
                    "wordHtml": ",",
                    "htmlWords": [
                        {
                            "word": ",",
                            "position": "24831"
                        }
                    ],
                    "length": "1",
                    "suggest": [
                        "，"
                    ],
                    "explanation": "出版社, 中文句子推荐中文逗号",
                    "type": {
                        "id": "21",
                        "belongId": "21",
                        "name": "标点符号差错",
                        "desc": "标点符号差错"
                    },
                    "action": {
                        "id": "2",
                        "belongId": null,
                        "name": null,
                        "desc": null
                    },
                    "context": "［17］Herbert Schildt著，战晓苏译. Java 8编程参考官方教程（第9版）[M]. 清华大学出版社, 2015.",
                    "source": "2",
                    "umErrorLevel": "3",
                    "leaderLevel": null
                }
            ]
        }
        if (response.code != 0) {
            setLoading(false);
            setCheckTextResultState(response.inspectWords)
            return;
        }

    }
    useEffect(() => {
        getInspect()
    }, [])
    return (
        <DrawerForm
            key="details_details_drawer_form"
            title={details?.title}
            drawerProps={{
                // maskClosable: false,
                destroyOnClose: true,
                width: 1300,
            }}
            trigger={<a>{details?.title}</a>}
            onOpenChange={(visible) => {
                if (visible) {

                } else {
                }
            }}
            submitter={false}
        >
            <Spin
                style={{
                    textAlign: 'center',
                }}
                spinning={details === undefined}
            >
                {details !== undefined && (
                    <>
                        <Descriptions>
                            <Descriptions.Item label="单位">
                                {details?.articleOrganizationName}
                            </Descriptions.Item>
                            <Descriptions.Item label="账号">{details?.mediaName}</Descriptions.Item>
                            <Descriptions.Item label="单位标签">{details?.articleOrganizationTopName}</Descriptions.Item>
                            <Descriptions.Item label="发布时间">{details?.releaseTime}</Descriptions.Item>
                        </Descriptions>
                        <Divider />
                        <div style={{ display: 'flex', justifyContent: 'space-between' }}>
                            <div>
                                <ProCard
                                    bordered
                                    style={{ width: 800 }}
                                >
                                    {details?.title ? (
                                        <Typography.Title level={3} style={{ textAlign: 'center' }}>
                                            {details?.title}
                                        </Typography.Title>
                                    ) : (
                                        <Typography.Title level={3} style={{ textAlign: 'center' }}>
                                            暂无标题
                                        </Typography.Title>
                                    )}
                                    <br />
                                    {details?.articleContent ? (
                                        <div
                                            dangerouslySetInnerHTML={{
                                                __html: `${details?.articleContent}`,
                                            }}
                                        />
                                    ) : (
                                        <>暂无文章内容</>
                                    )}
                                </ProCard>
                            </div>
                            <div style={{ marginLeft: 10 }}>
                                {/* <ProCard
                                    bordered
                                    style={{ width: 400 ,marginBottom:10}}
                                >
                                    <div>检测到疑似错误 7 处</div>
                                </ProCard>
                                <ProCard
                                    title="错误一"
                                    bordered
                                    hoverable
                                    extra="纠正"
                                    tooltip="这是提示"
                                    style={{ width: 400 }}
                                >
                                    <div>错误原因：大聪明男子身上挂满鞭炮，结果失误被点燃</div>
                                    <div>错误提示：大聪明男子身上挂满鞭炮，结果失误被点燃</div>
                                </ProCard> */}
                                <CheckTextResults
                                    loading={loading}
                                    clickId={clickId}
                                    checks={checkTextResult}
                                />
                            </div>
                        </div>

                    </>
                )}
            </Spin>
        </DrawerForm>
    );
};

export default DetailsMonitorArticle;
